@import './variables';

.m-btn{
    display: inline-block;
    min-width: 100px;
    padding: 0 25px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: $white;
    vertical-align: middle;
    background: $primary;
    cursor: pointer;
    border: 1px solid $primary;
    border-radius: 3px;
    font-family: 'Microsoft YaHei';
    &[button]{
        line-height: 1;
    }
    &:hover{
        background: $white;
        color: $primary;
    }
    &.disabled,&:disabled,&:disabled:hover{
        border-color: $gray_lighter;
        background: $gray_lighter;
        color: $gray_dark;
        cursor: default;
    }
}
.m-btn-default{
    @extend .m-btn;
    background: $white;
    color: $primary;
    border: 1px solid $primary;
    &:hover{
        background: $primary;
        color: $white;
    }
}
@keyframes buttonLoadingAnim{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* 上传按钮 */
.upload-btn,.webuploader-pick{
    position: relative;
    display: inline-block;
    min-width: 100px;
    padding: 0 15px;
    text-align: center;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    color: $primary_link;
    vertical-align: middle;
    background: $white;
    cursor: pointer;
    border: 1px solid $gray_dark;
    border-radius: 3px;
    font-family: 'Microsoft YaHei';
    &[button]{
        line-height: 1;
    }
    &:hover,&.webuploader-pick-hover{
        border-color: $primary_link;
        color: $primary_link;
    }
    &.disabled,&:disabled,&:disabled:hover{
        border-color: $gray_lighter;
        background: $gray_lighter;
        color: $gray_dark;
        cursor: default;
    }
}
.webuploader-element-invisible{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
.upload-btn-default{
    @extend .upload-btn;
    color: $text_color;
}